<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>极客学院</title>
    <link rel="stylesheet" type="text/css" href="css/neat-min.css">
    <link rel="stylesheet" href="css/main.css">
</head>

<body>
    <!-- 容器 -->
    <div class="contaier">
        <div class="header w-1000">
            <div class="header_wrap">
                <!-- logo -->
                <a href="#">
                    <img src="img/logo_c8caff4.png" class="logo" alt="极客学院">
                </a>
                <!--  搜索框 -->
                <div class="search">
                    <div class="search_wrap">
                        <form name="searchform">
                            <input name="search" type="text" class="search_text" placeholder="搜索课程、问答或Wiki" autocomplete="off">
                            <input type="submit" class="search_btn" value="">
                        </form>
                    </div>
                </div>
                <div class="login">
                    <i class="messgeing"></i>
                    <em class="">|</em>
                    <span><a href="javascript:;">我的课程</a></span>
                    <a href="javascript:;"><img class="imgvip" src="img/vip-year_3ecca1f.png"></a>
                    <div class="user_menu">
                        <a href="javacsript;">
                        周灏轩
                        <i class="arrow"></i>
                       </a>
                        <div clsas="sub_user_menu" id="sub_user_menu">
                            <i class="arrow"></i>
                            <ul>
                                <li><a href="javascript:;">个人主页</a>
                                </li>
                                <li><a href="javascript:;">个人中心</a>
                                </li>
                                <li><a href="javascript:;">我的课程</a>
                                </li>
                                <li><a href="javascript:;">我的就业班</a>
                                </li>
                                <li><a href="javascript:;">免费VIP</a>
                                </li>
                                <li><a href="javascript:;">我的F码</a>
                                </li>
                                <li><a href="javascript:;">账号设置</a>
                                </li>
                                <li><a href="javascript:;">一键绑定</a>
                                </li>
                                <li><a href="javascript:;">退出</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- loading 开始 -->
        <div class="loading">
            <div class="loading-length"></div>
        </div>
        <!-- loading 结束-->
        <!-- 导航栏 开始-->
        <div class="navigation">
            <div class="navbox">
                <div class="nav w-1000">
                    <div class="nav_left">
                        <a href="javascript:;">首页</a>
                        <a href="javascript:;">职业课程</a>
                        <a href="javascript:;">就业学习</a>
                        <a href="javascript:;">极客社区</a>
                        <a href="javascript:;">极客＋</a>
                        <ul class="nav_content" id="nav_content">
                            <li class="nav_item">
                                <i class="nav_arrow"></i>
                                <ul>
                                    <li>
                                        <a href="javascript:;">课程库</a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">知识体系图</a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">职业路径图</a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">系列课程</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="nav_item">
                                <i class="nav_arrow"></i>
                                <ul>
                                    <li>
                                        <a href="javascript:;">Web前端开发</a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">Anroid开发</a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">JavaWeb开发</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="nav_item">
                                <i class="nav_arrow"></i>
                                <ul>
                                    <li>
                                        <a href="javascript:;">Wiki</a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">技术问答</a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">社群</a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">资源分享</a>
                                    </li>
                                </ul>
                            </li>
                            <li class="nav_item">
                                <i class="nav_arrow"></i>
                                <ul>
                                    <li>
                                        <a href="javascript:;">高校合作</a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">极客人才联盟</a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">步道师招募</a>
                                    </li>
                                    <li>
                                        <a href="javascript:;">兼职助教招募</a>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <div class="nav_right">
                        <a href="javascript:;">
                            <span>
                        <img src="img/vip-icon_76ae754.png" height="14" width="21">
                        VIP会员
                        </span>
                        </a>
                        <a href="javascript:;">
                            <span>
                        <img src="img/star-icon_c593bc1.png" height="16" width="16" >
                        求课程
                        </span>
                        </a>
                        <a href="javascript:;">
                            <span>
                        <img src="img/dl-icon_4bc18a7.png" height="16" width="16">
                        客户端
                        </span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 导航栏 结束-->
        <!--  中间 开始 -->
        <div class="main_content">
            <div class="w-1000 main_c_f">
                <!-- 左菜单 开始 -->
                <div class="nav_left">
                    <ul>
                        <li>
                            <div>
                                <a href="javascript:;">移动开发</a>
                                <div class="sub_menu_show" style="width:401px;">
                                    <div class="sub_menu" style="width:400px;">
                                        <dl>
                                            <dt><a href="javascript:;">应用开发</a></dt>
                                            <dd>
                                                <a href="javascript:;">Android</a>|<a href="javascript:;">iOS</a></dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript:;">游戏开发</a></dt>
                                            <dd>
                                                <a href="javascript:;">Cocos</a>|
                                                <a href="javascript:;">Unity3D</a>|
                                                <a href="javascript:;">SpriteKit 2D</a>|
                                                <a href="javascript:;">Unreal</a>
                                            </dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="javascript:;">前段开发</a>
                                <div class="sub_menu_show" style="width: 401px;">
                                    <div class="sub_menu" style="width: 400px;">
                                        <dl>
                                            <dt><a href="javascript::">前端基础</a></dt>
                                            <dd>
                                                <a href="javascript::">HTML</a>
                                                <a href="javascript::">CSS</a>
                                                <a href="javascript::">JavaScript</a>
                                                <a href="javascript::">HTML5</a>
                                                <a href="javascript::">CSS3</a>
                                                <a href="javascript::">技术前瞻</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript::">前端进阶</a></dt>
                                            <dd>
                                                <a href="javascript::">Typescript</a>
                                                <a href="javascript::">前端安全</a>
                                                <a href="javascript::">项目实战</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript::">前端框架</a></dt>
                                            <dd>
                                                <a href="javascript::">jQuery</a>
                                                <a href="javascript::">jQuery UI</a>
                                                <a href="javascript::">jQuery Mobile</a>
                                                <a href="javascript::">AngularJS</a>
                                                <a href="javascript::">ReactJS</a>
                                                <a href="javascript::">Bootstrap</a>
                                                <a href="javascript::">React Native</a>
                                                <a href="javascript::">Backbone</a>
                                                <a href="javascript::">Three.js</a>
                                                <a href="javascript::">MooTools</a>
                                                <a href="javascript::">Compass</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript::">HTML5游戏</a></dt>
                                            <dd>
                                                <a href="javascript::">Canvas</a>
                                                <a href="javascript::">SVG</a>
                                                <a href="javascript::" c>WebGL</a>
                                                <a href="javascript::">Cocos2d-js</a>
                                                <a href="javascript::">CreateJS</a>
                                                <a href="javascript::">Flash</a>
                                                <a href="javascript::">Unreal</a>
                                                <a href="javascript::">Egret</a>
                                                <a href="javascript::">Phaser</a>
                                            </dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="javascript:;">后端开发</a>
                                <div class="sub_menu_show" style="width: 591px;">
                                    <div class="sub_menu" style="width: 590px;">
                                        <dl>
                                            <dt><a href="javascript:;">Python</a></dt>
                                            <dd class="cf">
                                                <a href="javascript:;">Python 基础</a>
                                                <a href="javascript:;">web2py</a>
                                                <a href="javascript:;">Django</a>
                                                <a href="javascript:;">Flask</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript:;">PHP</a></dt>
                                            <dd class="cf">
                                                <a href="javascript:;">PHP 基础</a>
                                                <a href="javascript:;">YII</a>
                                                <a href="javascript:;">ThinkPHP</a>
                                                <a href="javascript:;">Laravel</a>
                                                <a href="javascript:;">WordPress</a>
                                                <a href="javascript:;">Phalcon</a>
                                                <a href="javascript:;">Apache</a>
                                                <a href="javascript:;">Fackbook Hack</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript:;">Node.js</a></dt>
                                            <dd>
                                                <a href="javascript:;">Node.js 基础</a>
                                                <a href="javascript:;">express</a>
                                                <a href="javascript:;">Meteor</a>
                                                <a href="javascript:;">Hexo</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript:;">ASP.NET</a></dt>
                                            <dd class="cf">
                                                <a href="javascript:;">C#</a>
                                                <a href="javascript:;">ASP.NET MVC</a>
                                                <a href="javascript:;">Entity Framework</a>
                                                <a href="javascript:;">WPF</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript:;">J2EE</a></dt>
                                            <dd>
                                                <a href="javascript:;">JSP</a>
                                                <a href="javascript:;">Maven</a>
                                                <a href="javascript:;">Spring</a>
                                                <a href="javascript:;">SpringMVC</a>
                                                <a href="javascript:;">Struts2</a>
                                                <a href="javascript:;">MyBatis</a>
                                                <a href="javascript:;">Hibernate</a>
                                                <a href="javascript:;">Lucene</a>
                                                <a href="javascript:;">常用框架</a>
                                                <a href="javascript:;">项目实战</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript:;">Ruby</a></dt>
                                            <dd>
                                                <a href="javascript:;">Ruby 基础</a>
                                                <a href="javascript:;">Ruby on Rails</a>
                                                <a href="javascript:;">Grape</a>
                                                <a href="javascript:;">Ruby进阶</a>
                                                <a href="javascript:;">RubyMine</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript:;">Go</a></dt>
                                            <dd>
                                                <a href="javascript:;">Go 基础</a>
                                                <a href="javascript:;">beego</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript:;">Erlang</a></dt>
                                            <dd>
                                                <a href="javascript:;">Erlang 基础</a>
                                            </dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="javascript:;">基础知识</a>
                                <div class="sub_menu_show" style="width: 591px;">
                                    <div class="sub_menu" style="width: 590px;">
                                        <dl>
                                            <dt><a href="javascript:;">基础语言</a></dt>
                                            <dd>
                                                <a href="javascript:;">C</a>
                                                <a href="javascript:;">C++</a>
                                                <a href="javascript:;">Objective-C</a>
                                                <a href="javascript:;">Swift</a>
                                                <a href="javascript:;">C#</a>
                                                <a href="javascript:;">Java</a>
                                                <a href="javascript:;">Perl</a>
                                                <a href="javascript:;">Shell</a>
                                                <a href="javascript:;">Qt</a>
                                                <a href="javascript:;">Scala</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript:;">计算机基础</a></dt>
                                            <dd>
                                                <a href="javascript:;">计算机组成原理</a>
                                                <a href="javascript:;">网络工程</a>
                                                <a href="javascript:;">Word</a>
                                                <a href="javascript:;">Excel</a>
                                                <a href="javascript:;">PowerPoint</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript:;">开发基础</a></dt>
                                            <dd class="cf">
                                                <a href="javascript:;">算法基础</a>
                                                <a href="javascript:;">数据结构</a>
                                                <a href="javascript:;">设计模式</a>
                                                <a href="javascript:;">软件工程</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript:;">开发工具</a></dt>
                                            <dd>
                                                <a href="javascript:;">Git/Github</a>
                                                <a href="javascript:;">SVN</a>
                                                <a href="javascript:;">VI</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript:;">开放标准</a></dt>
                                            <dd>
                                                <a href="javascript:;">OpenCL</a>
                                                <a href="javascript:;">Open XML</a>
                                                <a href="javascript:;">OpenGL/GLES</a>
                                            </dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="javascript:;">云计算&大数据</a>
                                <div class="sub_menu_show" style="width: 401px;">
                                    <div class="sub_menu" style="width: 400px;">
                                        <dl>
                                            <dt><a href="javascript:;">云计算</a></dt>
                                            <dd>
                                                <a href="javascript:;">OpenStack</a>
                                                <a href="javascript:;">Docker</a>
                                                <a href="javascript:;">CloudStack</a>
                                                <a href="javascript:;">Windows Azure</a>
                                                <a href="javascript:;">IaaS</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a hhref="javascript:;">大数据</a></dt>
                                            <dd>
                                                <a href="javascript:;">Hadoop</a>
                                                <a href="javascript:;">Storm</a>
                                                <a href="javascript:;">Hive</a>
                                                <a href="javascript:;">Kafka</a>
                                                <a href="javascript:;">Hbase</a>
                                                <a href="javascript:;">Spark</a>
                                                <a href="javascript:;">信息检索</a>
                                                <a href="javascript:;">数据分析</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript:;">虚拟化</a></dt>
                                            <dd>
                                                <a href="javascript:;">VMware</a>
                                            </dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="javascript:;">智能硬件&物联网</a>
                                <div class="sub_menu_show" style="width: 591px;">
                                    <div class="sub_menu" style="width: 590px;">
                                        <dl>
                                            <dt><a href="javascript:;">硬件架构</a></dt>
                                            <dd>
                                                <a href="javascript:;">C51</a>
                                                <a href="javascript:;">ARM</a>
                                                <a href="javascript:;">Keil</a>
                                                <a href="javascript:;">Cortex-M</a>
                                                <a href="javascript:;">Cortex-A</a>
                                                <a href="javascript:;">AVR</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript:;">物联网操作系统</a></dt>
                                            <dd>
                                                <a href="javascript:;">RTOS</a>
                                                <a href="javascript:;">Android Wear</a>
                                                <a href="javascript:;">Apple Watchkit</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript:;">开源硬件平台</a></dt>
                                            <dd>
                                                <a href="javascript:;">Arduino</a>
                                                <a href="javascript:;">树莓派</a>
                                                <a href="javascript:;">mbed</a>
                                                <a href="javascript:;">GoKit</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript:;">通信链接技术</a></dt>
                                            <dd>
                                                <a href="javascript:;">无线WiFi</a>
                                                <a href="javascript:;">移动通信</a>
                                                <a href="javascript:;">蓝牙</a>
                                                <a href="javascript:;">NFC</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript:;">信息感知处理技术</a></dt>
                                            <dd>
                                                <a href="javascript:;">传感器</a>
                                                <a href="javascript:;">数据挖掘</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a hhref="javascript:;">人机交互技术</a></dt>
                                            <dd>
                                                <a href="javascript:;">语音识别</a>
                                                <a href="javascript:;">人脸识别</a>
                                                <a href="javascript:;">手势识别</a>
                                            </dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="javascript:;">数据库</a>
                                <div class="sub_menu_show" style="width: 401px;">
                                    <div class="sub_menu" style="width: 400px;">
                                        <dl>
                                            <dt><a href="javascript:;">SQL</a></dt>
                                            <dd>
                                                <a href="javascript:;">MySQL</a>
                                                <a href="javascript:;">SQL Server</a>
                                                <a href="javascript:;">Oracle</a>
                                                <a href="javascript:;">SQLite</a>
                                                <a href="javascript:;">PostgreSQL</a>
                                                <a href="javascript:;">DB2</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript:;">NoSQL</a></dt>
                                            <dd>
                                                <a href="javascript:;">Cassandra</a>
                                                <a href="javascript:;">Redis</a>
                                                <a href="javascript:;">MongoDB</a>
                                            </dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="javascript:;">认证考试</a>
                                <div class="sub_menu_show" style="width: 401px;">
                                    <div class="sub_menu" style="width: 400px;">
                                        <dl>
                                            <dt><a href="javascript:;">计算机等级考试</a></dt>
                                            <dd>
                                                <a href="javascript:;">一级</a>
                                                <a href="javascript:;">二级C</a>
                                                <a href="javascript:;">二级Java</a>
                                                <a href="javascript:;">二级C++</a>
                                                <a href="javascript:;">网络工程师</a>
                                                <a href="javascript:;">数据库工程师</a>
                                                <a href="javascript:;">信息安全工程师</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript:;">企业认证</a></dt>
                                            <dd>
                                                <a href="javascript:;">思科认证</a>
                                                <a href="javascript:;">Oracle认证</a>
                                                <a href="javascript:;">Linux认证</a>
                                                <a href="javascript:;">ARM认证</a>
                                            </dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="javascript:;">企业IT</a>
                                <div class="sub_menu_show" style="width: 401px;">
                                    <div class="sub_menu" style="width: 400px;">
                                        <dl>
                                            <dt><a href="javascript:;">运维管理</a></dt>
                                            <dd>
                                                <a href="javascript:;">Shell</a>
                                                <a href="javascript:;">自动化运维</a>
                                                <a href="javascript:;">Nginx</a>
                                                <a href="javascript:;">Apache</a>
                                                <a href="javascript:;">运维监控</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript:;">操作系统</a></dt>
                                            <dd>
                                                <a href="javascript:;">Linux</a>
                                                <a href="javascript:;">Windows</a>
                                                <a href="javascript:;">Mac OS</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript:;">企业服务</a></dt>
                                            <dd>
                                                <a href="javascript:;">B2C</a>
                                            </dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="javascript:;">设计&产品&测试</a>
                                <div class="sub_menu_show" style="width: 401px;">
                                    <div class="sub_menu" style="width: 400px;">
                                        <dl>
                                            <dt><a href="javascript:;">设计基础</a></dt>
                                            <dd>
                                                <a href="javascript:;">Photoshop</a>
                                                <a href="javascript:;">Flash</a>
                                                <a href="javascript:;">Illustrator</a>
                                                <a href="javascript:;">Sketch</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript:;">游戏设计</a></dt>
                                            <dd>
                                                <a href="javascript:;">界面设计</a>
                                                <a href="javascript:;">角色设计</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript:;">产品经理</a></dt>
                                            <dd>
                                                <a href="javascript:;">需求分析</a>
                                                <a href="javascript:;">Axure</a>
                                                <a href="javascript:;">项目实战</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript:;">视觉设计</a></dt>
                                            <dd>
                                                <a href="javascript:;">应用UI设计</a>
                                                <a href="javascript:;">网页UI设计</a>
                                                <a href="javascript:;">设计理论</a>
                                                <a href="javascript:;">图形设计</a>
                                            </dd>
                                        </dl>
                                        <dl>
                                            <dt><a href="javascript:;">测试工具</a></dt>
                                            <dd>
                                                <a href="javascript:;">自动化测试</a>
                                            </dd>
                                        </dl>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- 左菜单结束 -->
                <!-- 轮播 开始 -->
                <div class="img_banner">
                    <div class="banner_box">
                        <span class="banner_left"></span>
                        <span class="banner_right"></span>
                        <div class="banner_wrap">
                            <a href="javascript:;"><img src="img/1.jpg"></a>
                            <a href="javascript:;"><img scr="img/2.jpg"></a>
                            <a href="javascript:;"><img scr="img/3.jpg"></a>
                            <a href="javascript:;"><img scr="img/4.jpg"></a>
                            <a href="javascript:;"><img scr="img/5.jpg"></a>
                            <a href="javascript:;"><img scr="img/6.jpg"></a>
                            <a href="javascript:;"><img scr="img/7.jpg"></a>
                            <a href="javascript:;"><img scr="img/8.jpg"></a>
                        </div>
                        <div class="pagin">
                            <div class="pagin_switch"></div>
                            <div class="pagin_switch"></div>
                            <div class="pagin_switch"></div>
                            <div class="pagin_switch"></div>
                            <div class="pagin_switch"></div>
                            <div class="pagin_switch"></div>
                        </div>
                    </div>
                    <div class="banner_box1">
                        <div class="banner_wrap1">
                            <span class="banner_left"></span>
                            <span class="banner_right"></span>
                            <ul>
                                <li>
                                    <a href="javascript:;">
                                        <img src="img/android.png">
                                        <p class="banner_title">HTML5/Web前端工程师</p>
                                        <p class="banner_content"> BAT大牛亲自授课</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;"><img src="img/5661021bd07e6.jpg">
                                        <p class="banner_title">Android开发工程师</p>
                                        <p class="banner_content">挑战月薪2万的工作机会</p>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;"><img src="img/html.png">
                                        <p class="banner_title">JavaWeb开发工程师</p>
                                        <p class="banner_content">
                                            Java人才4个月极速进阶
                                        </p>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- 轮播 结束 -->
                <!-- 右侧 开始-->
                <div class="main_article">
                    <div class="new">
                        <h3>快讯</h3>
                        <ul class="new_list">
                            <li>
                                <a href="javascript:;">“分享干货 赢壕奖”火热进行中！！</a>
                            </li>
                            <li>
                                <a href="javascript:;">“极客阅读周”活动完美收官</a>
                            </li>
                            <li>
                                <a href="javascript:;">极客学院成功牵手二百多所高校</a>
                            </li>
                            <li>
                                <a href="javascript:;">极客学院斩获腾讯教育双料大奖</a>
                            </li>
                        </ul>
                    </div>
                    <div class="user_info">
                        <a href="javascript:;">
                            <img src="img/3043034.jpeg" height="100" width="100" alt=""></a>
                        <div class="user_detail_info">
                            <span>Hi! <a href="javascript:;">周灏轩</a></span>
                            <a href="javascript:;"><img src="img/vip-year_3ecca1f.png" height="30" width="80"></a>
                        </div>
                        <div class="user_nav">
                            <a href="javascript:;">学习记录</a>
                            <a href="javascript:;">我的回答</a>
                            <a href="javascript:;">设置</a>
                        </div>
                        <a class="free_vip">免费VIP</a>
                    </div>
                    <div class="qita">
                        <ul class="clear">
                            <li>
                                <span class="question icon"></span>
                                <span class="title">问题</span>
                                <span class="angle-bottom"></span>
                            </li>
                            <li>
                                <span class="wiki icon"></span>
                                <span class="title">wiki</span>
                                <span class="angle-bottom"></span>
                            </li>
                            <li>
                                <span class="lession icon"></span>
                                <span class="title">课程</span>
                                <span class="angle-bottom"></span>
                            </li>
                            <li>
                                <span class="group icon"></span>
                                <span class="title">社群</span>
                                <span class="angle-bottom"></span>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <span class="download icon"></span>
                                    <span class="title">下载</span></a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <span class="known icon"></span>
                                    <span class="title">知识</span></a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <span class="occupation icon"></span>
                                    <span class="title">职业</span></a>
                            </li>
                            <li>
                                <a href="javascript:;">
                                    <span class="vip icon"></span>
                                    <span class="title">VIP</span></a>
                            </li>
                        </ul>
                        <!--  <div class="qita_list">
                        </div> -->
                    </div>
                </div>
                <!-- 右侧 结束 -->
            </div>
            <!-- hot goods start -->
            <div class="w-1000 hot-list">
                <ul class="hot-header">
                    <li class="hot_active" data-show="hot">热门推荐</li>
                    <li data-show="new">最新课程</li>
                    <li data-show="free">免费课程</li>
                    <li data-show="protect">项目实战</li>
                    <li data-show="whole">全球首发</li>
                    <li data-show="enterprise">企业合作</li>
                </ul>
            </div>
            <div class="five-hot w-1000">
                <!-- 热门推荐 开始 -->
                <div class="hot-lesson-list lesson-list" id="hot" style="display:block;">
                    <ul>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/565e5fcc5f217.jpg" title="小说网站分布式爬虫的实现" alt="小说网站分布式爬虫的实现">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        小说网站分布式爬虫的实现
                                    </a>
                                </h2>
                                <p>
                                    本课程接上一课的内容，从多线程的角度实现小说网站信息的采集、分析、存储等，在这个过程中重点介绍如何实现小说网站信息的分布式采集。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/54eeb77cb6992.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <!-- -->
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/565face2eeb05.jpg" title="数据的基本统计分析" alt="数据的基本统计分析">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        数据的基本统计分析
                                    </a>
                                </h2>
                                <p>
                                    本课程介绍统计学中的描述统计的思想，讲解用于刻画集中趋势、离散趋势和数据分布形态的相关指标，并通过两个具体实例演示如何在 SPSS 中应用这些思想。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon"></i><em>初级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/infosense.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/565fad11e327d.jpg" title="PHP面向对象程序设计之继承性" alt="PHP面向对象程序设计之继承性">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        
                                     PHP面向对象程序设计之继承性
        
                                    </a>
                                </h2>
                                <p>
                                    本课程从类的继承应用开始讲解，逐渐深入到访问权限控制，最后讲解重载和重写的实现与应用。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/54d1c99185f23.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/565e601368749.jpg" title="Photoshop——图像调整2" alt="Photoshop——图像调整2">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        Photoshop——图像调整2
                                    </a>
                                </h2>
                                <p>
                                    本课程为图像调整部分的第2课，主要讲解曲线、曝光度和自然饱和度三个图像调整工具的原理与使用，并通过演示曲线图像校正实例，帮助学员初步掌握图像处理方法。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/54eeb5cc8b7f1.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <i class="free-icon"></i>
                                <a href="javascript:;">
                                    <img src="img/5653c629976bf.jpg" title="Python 概述" alt="Python 概述">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        Python 概述
                                    </a>
                                </h2>
                                <p>
                                    本课程主要讲解 Python 语言概况和应用趋势，使初学者了解一名程序员从小工到专家的发展之路，学会安装 Python开发环境。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/54578de87b2f1.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <i class="free-icon"></i>
                                <a href="javascript:;">
                                    <img src="img/565515d0c303b.jpg" title="利用 Adaptive Layout 设计用户界面之UI设计基础" alt="利用 Adaptive Layout 设计用户界面之UI设计基础">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                       利用 Adaptive Layout 设计用户界面之UI设计基础
                                    </a>
                                </h2>
                                <p>
                                    本课程接上一课的内容，从多线程的角度实现小说网站信息的采集、分析、存储等，在这个过程中重点介绍如何实现小说网站信息的分布式采集。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/5457df3530e14.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/5653c81c94bb2.jpg" title="iOS 设计模式——组合" alt="iOS 设计模式——组合">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        iOS 设计模式——组合
                                    </a>
                                </h2>
                                <p>
                                    本课程主要讲解设计模式中的组合模式，并通过简单的实例讲解如何使用组合模式。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/5457df3530e14.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/565d1448d24a6.jpg" title="前端开发高级调试" alt="前端开发高级调试">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        前端开发高级调试
                                    </a>
                                </h2>
                                <p>
                                    本课程介绍前端开发高级调试技巧。Google Chrome浏览器出来之前，FireFox的的插件非常丰富，更因为FireFox有强大的Firebug，对于前端开发可谓神器。后来由于开发Chrome的插件(现在的FaWave)，且益于Google V8的快速，和对HTML5和CSS3的支持比较完善，html类的富客户端应用Chrome上无论是流畅性还是呈现的效果，都是比较出色，对于开发者更可谓一大利器。本节课主要给大家介绍Audits、Timeline、Profiles这三个面板掌握深入的调试技巧。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/webbase.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- 热门推荐 结束 -->
                <!-- 最新课程 开始 -->
                <div class="new-lesson-list lesson-list" id="new" style="display:none;">
                    <ul>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/5668d8f1cfc5e.jpg" title="数据的组织和整理——数据预处理（2）" alt="数据的组织和整理——数据预处理（2）">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        数据的组织和整理——数据预处理（2）
                                    </a>
                                </h2>
                                <p>
                                    本课程主要介绍对缺失值的处理，包括发现数据中显式缺失值和隐含的缺失值，介绍在统计思维中缺失值的模式，介绍传统和现代的缺失值处理办法并加以评价。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/infosense.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <!-- -->
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <i class="free-icon"></i>
                                <a href="javascript:;">
                                    <img src="img/5668d8b2d8be9.jpg" title="Flask 快速搭建网站" alt="Flask 快速搭建网站">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        Flask 快速搭建网站
                                    </a>
                                </h2>
                                <p>
                                    本课程讲解使用 Python 的 Web 框架 Flask 快速搭建一个页面，并使用 BootStrap 进行简单的布局操作，同时使用 MongoDB 保存信息。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon"></i><em>初级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/54578de87b2f1.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <i class="free-icon"></i>
                                <a href="javascript:;">
                                    <img src="img/5668d877892b4.jpg" title="PHP 开发实战：网站登陆功能" alt="PHP 开发实战：网站登陆功能">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        
                                    PHP 开发实战：网站登陆功能
        
                                    </a>
                                </h2>
                                <p>
                                    本课程讲解 PHP 的网站是如何实现登陆操作的？涉及到 PHP 如何操作数据库？如何验证用户填写正确等，让学员通过对功能的开发实例清晰的了解登录的流程机制，对后续的开发有很大的启发作用。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/54d1c99185f23.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/5668d83a7d293.jpg" title="Android UiAutomator2  调试" alt="Android UiAutomator2  调试">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        Android UiAutomator2  调试
                                    </a>
                                </h2>
                                <p>
                                    本课程学习如何进行调试脚本，调试在任何编程中都是非常关键的，因为需要花大部分的时间进行调试，掌握好调试技能，在将脚本调试到理想状态，是非常关键的。调试技能是必备的重要技能。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/testtools.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <i class="free-icon"></i>
                                <a href="javascript:;">
                                    <img src="img/5667e9d9a335c.jpg" title="Apple TV 应用程序开发之控件元素基础" alt="Apple TV 应用程序开发之控件元素基础">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        Apple TV 应用程序开发之控件元素基础
                                    </a>
                                </h2>
                                <p>
                                    本课程主要介绍 Apple TV 开发的基本设计原则和界面控件元素——Alert、Button 及 Custom View Focus 的实现方法。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/5457df3530e14.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <i class="free-icon"></i>
                                <a href="javascript:;">
                                    <img src="img/56679216e1c83.jpg" title="Photoshop——图像调整3" alt="Photoshop——图像调整3">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                       Photoshop——图像调整3
                                    </a>
                                </h2>
                                <p>
                                    本课程为图像调整部分的第3课，主要讲解色相/饱和度、色彩平衡和黑白三个图像调整工具的原理与使用，并通过演示黑白图像明暗效果调整实例、黑白工具抠头发丝实例帮助学员进一步了解黑白工具的使用。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/54eeb5cc8b7f1.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/566791ec70232.jpg" title="HBase 与 Phoenix" alt="HBase 与 Phoenix">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        HBase 与 Phoenix
                                    </a>
                                </h2>
                                <p>
                                    本课程是《 HBase 系统管理员课程 》中的一个章节。主要介绍 HBase 的一个查询工具 Phoenix 的安装与使用。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/bigdata.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/566791bf72272.jpg" title="变动性算法（一）" alt="变动性算法（一）">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        变动性算法（一）
                                    </a>
                                </h2>
                                <p>
                                    本课程主要讲解 STL 中的功能完善的变动性算法，通过这些算法可以对所操作的容器进行修改和操作。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/5513665fee714.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- 最新课程 结束 -->
                <!-- 免费课程 开始 -->
                <div class="free-lesson-list lesson-list" id="free" style="display:none;">
                    <ul>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <i class="free-icon"></i>
                                <a href="javascript:;">
                                    <img src="img/5668d8b2d8be9.jpg" title="Flask 快速搭建网站" alt="Flask 快速搭建网站">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        小说网站分布式爬虫的实现
                                    </a>
                                </h2>
                                <p>
                                    本课程接上一课的内容，从多线程的角度实现小说网站信息的采集、分析、存储等，在这个过程中重点介绍如何实现小说网站信息的分布式采集。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/54eeb77cb6992.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <!-- -->
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <i class="free-icon"></i>
                                <a href="javascript:;">
                                    <img src="img/565face2eeb05.jpg" title="数据的基本统计分析" alt="数据的基本统计分析">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        数据的基本统计分析
                                    </a>
                                </h2>
                                <p>
                                    本课程介绍统计学中的描述统计的思想，讲解用于刻画集中趋势、离散趋势和数据分布形态的相关指标，并通过两个具体实例演示如何在 SPSS 中应用这些思想。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon"></i><em>初级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/infosense.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <i class="free-icon"></i>
                                <a href="javascript:;">
                                    <img src="img/565fad11e327d.jpg" title="PHP面向对象程序设计之继承性" alt="PHP面向对象程序设计之继承性">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        
                                     PHP面向对象程序设计之继承性
        
                                    </a>
                                </h2>
                                <p>
                                    本课程从类的继承应用开始讲解，逐渐深入到访问权限控制，最后讲解重载和重写的实现与应用。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/54d1c99185f23.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <i class="free-icon"></i>
                                <a href="javascript:;">
                                    <img src="img/565e601368749.jpg" title="Photoshop——图像调整2" alt="Photoshop——图像调整2">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        Photoshop——图像调整2
                                    </a>
                                </h2>
                                <p>
                                    本课程为图像调整部分的第2课，主要讲解曲线、曝光度和自然饱和度三个图像调整工具的原理与使用，并通过演示曲线图像校正实例，帮助学员初步掌握图像处理方法。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/54eeb5cc8b7f1.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <i class="free-icon"></i>
                                <a href="javascript:;">
                                    <img src="img/5653c629976bf.jpg" title="Python 概述" alt="Python 概述">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        Python 概述
                                    </a>
                                </h2>
                                <p>
                                    本课程主要讲解 Python 语言概况和应用趋势，使初学者了解一名程序员从小工到专家的发展之路，学会安装 Python开发环境。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/54578de87b2f1.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <i class="free-icon"></i>
                                <a href="javascript:;">
                                    <img src="img/565515d0c303b.jpg" title="利用 Adaptive Layout 设计用户界面之UI设计基础" alt="利用 Adaptive Layout 设计用户界面之UI设计基础">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                       利用 Adaptive Layout 设计用户界面之UI设计基础
                                    </a>
                                </h2>
                                <p>
                                    本课程接上一课的内容，从多线程的角度实现小说网站信息的采集、分析、存储等，在这个过程中重点介绍如何实现小说网站信息的分布式采集。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/5457df3530e14.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <i class="free-icon"></i>
                                <a href="javascript:;">
                                    <img src="img/5653c81c94bb2.jpg" title="iOS 设计模式——组合" alt="iOS 设计模式——组合">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        iOS 设计模式——组合
                                    </a>
                                </h2>
                                <p>
                                    本课程主要讲解设计模式中的组合模式，并通过简单的实例讲解如何使用组合模式。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/5457df3530e14.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <i class="free-icon"></i>
                                <a href="javascript:;">
                                    <img src="img/565d1448d24a6.jpg" title="前端开发高级调试" alt="前端开发高级调试">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        前端开发高级调试
                                    </a>
                                </h2>
                                <p>
                                    本课程介绍前端开发高级调试技巧。Google Chrome浏览器出来之前，FireFox的的插件非常丰富，更因为FireFox有强大的Firebug，对于前端开发可谓神器。后来由于开发Chrome的插件(现在的FaWave)，且益于Google V8的快速，和对HTML5和CSS3的支持比较完善，html类的富客户端应用Chrome上无论是流畅性还是呈现的效果，都是比较出色，对于开发者更可谓一大利器。本节课主要给大家介绍Audits、Timeline、Profiles这三个面板掌握深入的调试技巧。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/webbase.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- 免费课程 结束 -->
                <!-- 项目实战 开始 -->
                <div class="protect-lesson-list lesson-list" id="protect" style="display:none;">
                    <ul>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/5567c81a548e7.jpg" title="Google IO 2015 大揭秘" alt="Google IO 2015 大揭秘">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                       Google IO 2015 大揭秘
                                    </a>
                                </h2>
                                <p>
                                    今天凌晨 Google IO 2015 大会举行，在大会上 Google 推出了包括 Android M、Android Studio 1.3、Android Wear、Brillo 在内的很多新的好玩的东西，我在第一时间录制这个视频和大家分享认知。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/54eeb77cb6992.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <!-- -->
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/565face2eeb05.jpg" title="数据的基本统计分析" alt="数据的基本统计分析">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        数据的基本统计分析
                                    </a>
                                </h2>
                                <p>
                                    本课程介绍统计学中的描述统计的思想，讲解用于刻画集中趋势、离散趋势和数据分布形态的相关指标，并通过两个具体实例演示如何在 SPSS 中应用这些思想。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon"></i><em>初级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/infosense.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/565fad11e327d.jpg" title="PHP面向对象程序设计之继承性" alt="PHP面向对象程序设计之继承性">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        
                                     PHP面向对象程序设计之继承性
        
                                    </a>
                                </h2>
                                <p>
                                    本课程从类的继承应用开始讲解，逐渐深入到访问权限控制，最后讲解重载和重写的实现与应用。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/54d1c99185f23.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/565e601368749.jpg" title="Photoshop——图像调整2" alt="Photoshop——图像调整2">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        Photoshop——图像调整2
                                    </a>
                                </h2>
                                <p>
                                    本课程为图像调整部分的第2课，主要讲解曲线、曝光度和自然饱和度三个图像调整工具的原理与使用，并通过演示曲线图像校正实例，帮助学员初步掌握图像处理方法。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/54eeb5cc8b7f1.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <i class="free-icon"></i>
                                <a href="javascript:;">
                                    <img src="img/5653c629976bf.jpg" title="Python 概述" alt="Python 概述">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        Python 概述
                                    </a>
                                </h2>
                                <p>
                                    本课程主要讲解 Python 语言概况和应用趋势，使初学者了解一名程序员从小工到专家的发展之路，学会安装 Python开发环境。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/54578de87b2f1.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <i class="free-icon"></i>
                                <a href="javascript:;">
                                    <img src="img/565515d0c303b.jpg" title="利用 Adaptive Layout 设计用户界面之UI设计基础" alt="利用 Adaptive Layout 设计用户界面之UI设计基础">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                       利用 Adaptive Layout 设计用户界面之UI设计基础
                                    </a>
                                </h2>
                                <p>
                                    本课程接上一课的内容，从多线程的角度实现小说网站信息的采集、分析、存储等，在这个过程中重点介绍如何实现小说网站信息的分布式采集。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/5457df3530e14.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/5653c81c94bb2.jpg" title="iOS 设计模式——组合" alt="iOS 设计模式——组合">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        iOS 设计模式——组合
                                    </a>
                                </h2>
                                <p>
                                    本课程主要讲解设计模式中的组合模式，并通过简单的实例讲解如何使用组合模式。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/5457df3530e14.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/565d1448d24a6.jpg" title="前端开发高级调试" alt="前端开发高级调试">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        前端开发高级调试
                                    </a>
                                </h2>
                                <p>
                                    本课程介绍前端开发高级调试技巧。Google Chrome浏览器出来之前，FireFox的的插件非常丰富，更因为FireFox有强大的Firebug，对于前端开发可谓神器。后来由于开发Chrome的插件(现在的FaWave)，且益于Google V8的快速，和对HTML5和CSS3的支持比较完善，html类的富客户端应用Chrome上无论是流畅性还是呈现的效果，都是比较出色，对于开发者更可谓一大利器。本节课主要给大家介绍Audits、Timeline、Profiles这三个面板掌握深入的调试技巧。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/webbase.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- 项目实战 结束 -->
                <!-- 全球首发 开始 -->
                <div class="whole-lesson-list lesson-list" id="whole" style="display:none;">
                    <ul>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/565e5fcc5f217.jpg" title="小说网站分布式爬虫的实现" alt="小说网站分布式爬虫的实现">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        小说网站分布式爬虫的实现
                                    </a>
                                </h2>
                                <p>
                                    本课程接上一课的内容，从多线程的角度实现小说网站信息的采集、分析、存储等，在这个过程中重点介绍如何实现小说网站信息的分布式采集。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/54eeb77cb6992.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <!-- -->
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/565face2eeb05.jpg" title="数据的基本统计分析" alt="数据的基本统计分析">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        数据的基本统计分析
                                    </a>
                                </h2>
                                <p>
                                    本课程介绍统计学中的描述统计的思想，讲解用于刻画集中趋势、离散趋势和数据分布形态的相关指标，并通过两个具体实例演示如何在 SPSS 中应用这些思想。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon"></i><em>初级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/infosense.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/565fad11e327d.jpg" title="PHP面向对象程序设计之继承性" alt="PHP面向对象程序设计之继承性">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        
                                     PHP面向对象程序设计之继承性
        
                                    </a>
                                </h2>
                                <p>
                                    本课程从类的继承应用开始讲解，逐渐深入到访问权限控制，最后讲解重载和重写的实现与应用。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/54d1c99185f23.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/565e601368749.jpg" title="Photoshop——图像调整2" alt="Photoshop——图像调整2">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        Photoshop——图像调整2
                                    </a>
                                </h2>
                                <p>
                                    本课程为图像调整部分的第2课，主要讲解曲线、曝光度和自然饱和度三个图像调整工具的原理与使用，并通过演示曲线图像校正实例，帮助学员初步掌握图像处理方法。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/54eeb5cc8b7f1.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <i class="free-icon"></i>
                                <a href="javascript:;">
                                    <img src="img/5653c629976bf.jpg" title="Python 概述" alt="Python 概述">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        Python 概述
                                    </a>
                                </h2>
                                <p>
                                    本课程主要讲解 Python 语言概况和应用趋势，使初学者了解一名程序员从小工到专家的发展之路，学会安装 Python开发环境。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/54578de87b2f1.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <i class="free-icon"></i>
                                <a href="javascript:;">
                                    <img src="img/565515d0c303b.jpg" title="利用 Adaptive Layout 设计用户界面之UI设计基础" alt="利用 Adaptive Layout 设计用户界面之UI设计基础">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                       利用 Adaptive Layout 设计用户界面之UI设计基础
                                    </a>
                                </h2>
                                <p>
                                    本课程接上一课的内容，从多线程的角度实现小说网站信息的采集、分析、存储等，在这个过程中重点介绍如何实现小说网站信息的分布式采集。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/5457df3530e14.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/5653c81c94bb2.jpg" title="iOS 设计模式——组合" alt="iOS 设计模式——组合">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        iOS 设计模式——组合
                                    </a>
                                </h2>
                                <p>
                                    本课程主要讲解设计模式中的组合模式，并通过简单的实例讲解如何使用组合模式。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/5457df3530e14.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/565d1448d24a6.jpg" title="前端开发高级调试" alt="前端开发高级调试">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        前端开发高级调试
                                    </a>
                                </h2>
                                <p>
                                    本课程介绍前端开发高级调试技巧。Google Chrome浏览器出来之前，FireFox的的插件非常丰富，更因为FireFox有强大的Firebug，对于前端开发可谓神器。后来由于开发Chrome的插件(现在的FaWave)，且益于Google V8的快速，和对HTML5和CSS3的支持比较完善，html类的富客户端应用Chrome上无论是流畅性还是呈现的效果，都是比较出色，对于开发者更可谓一大利器。本节课主要给大家介绍Audits、Timeline、Profiles这三个面板掌握深入的调试技巧。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/webbase.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- 全球首发 结束 -->
                <!-- 企业合作 开始 -->
                <div class="enterprise-lesson-list lesson-list" id="enterprise" style="display:none;">
                    <ul>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/563ab7374077c.jpg" title="增强现实 超凡体验 Qualcomm Vuforia SDK 在线培训" alt="增强现实 超凡体验 Qualcomm Vuforia SDK 在线培训">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        增强现实 超凡体验 Qualcomm Vuforia SDK 在线培训
                                    </a>
                                </h2>
                                <p>
                                    本次培训主要对Qualcomm Vuforia 移动视觉平台和开发套件的功能特点作深度讲解，同时也包括相关配套工具，最新的云端识别服务和资费方案概况。除此之外培训中还将详细介绍最新发布的Vuforia 5 新功能——Mixed Reality 和其展现出的从手机平板到智能眼镜的 VR/AR 超凡体验的可能性。 从传统的手机、平板到新生代智能数码眼镜设备，Vuforia 不仅可用于创建增强现实应用，更可以支持整合了AR增强现实和 VR 虚拟现实的混合现实应用程序。至今，Vuforia 已被全球多家顶级品牌所采用，在全世界拥有超过17万注册开发者，并开发了2万多个应用程序，下载安装2亿逾次。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/54eeb77cb6992.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <!-- -->
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/565face2eeb05.jpg" title="数据的基本统计分析" alt="数据的基本统计分析">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        数据的基本统计分析
                                    </a>
                                </h2>
                                <p>
                                    本课程介绍统计学中的描述统计的思想，讲解用于刻画集中趋势、离散趋势和数据分布形态的相关指标，并通过两个具体实例演示如何在 SPSS 中应用这些思想。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon"></i><em>初级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/infosense.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/565fad11e327d.jpg" title="PHP面向对象程序设计之继承性" alt="PHP面向对象程序设计之继承性">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        
                                     PHP面向对象程序设计之继承性
        
                                    </a>
                                </h2>
                                <p>
                                    本课程从类的继承应用开始讲解，逐渐深入到访问权限控制，最后讲解重载和重写的实现与应用。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/54d1c99185f23.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/565e601368749.jpg" title="Photoshop——图像调整2" alt="Photoshop——图像调整2">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        Photoshop——图像调整2
                                    </a>
                                </h2>
                                <p>
                                    本课程为图像调整部分的第2课，主要讲解曲线、曝光度和自然饱和度三个图像调整工具的原理与使用，并通过演示曲线图像校正实例，帮助学员初步掌握图像处理方法。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/54eeb5cc8b7f1.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <i class="free-icon"></i>
                                <a href="javascript:;">
                                    <img src="img/5653c629976bf.jpg" title="Python 概述" alt="Python 概述">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        Python 概述
                                    </a>
                                </h2>
                                <p>
                                    本课程主要讲解 Python 语言概况和应用趋势，使初学者了解一名程序员从小工到专家的发展之路，学会安装 Python开发环境。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/54578de87b2f1.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <i class="free-icon"></i>
                                <a href="javascript:;">
                                    <img src="img/565515d0c303b.jpg" title="利用 Adaptive Layout 设计用户界面之UI设计基础" alt="利用 Adaptive Layout 设计用户界面之UI设计基础">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                       利用 Adaptive Layout 设计用户界面之UI设计基础
                                    </a>
                                </h2>
                                <p>
                                    本课程接上一课的内容，从多线程的角度实现小说网站信息的采集、分析、存储等，在这个过程中重点介绍如何实现小说网站信息的分布式采集。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/5457df3530e14.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/5653c81c94bb2.jpg" title="iOS 设计模式——组合" alt="iOS 设计模式——组合">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        iOS 设计模式——组合
                                    </a>
                                </h2>
                                <p>
                                    本课程主要讲解设计模式中的组合模式，并通过简单的实例讲解如何使用组合模式。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/5457df3530e14.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="lesson-box">
                                <i class="lesson-shoucang"></i>
                                <a href="javascript:;">
                                    <img src="img/565d1448d24a6.jpg" title="前端开发高级调试" alt="前端开发高级调试">
                                    <div class="lessonplay">
                                        <i class="playericon"></i>
                                    </div>
                                </a>
                            </div>
                            <div class="lesson-info">
                                <h2 class="lesson-info-h2">
                                    <a href="javascript:;">
                                        前端开发高级调试
                                    </a>
                                </h2>
                                <p>
                                    本课程介绍前端开发高级调试技巧。Google Chrome浏览器出来之前，FireFox的的插件非常丰富，更因为FireFox有强大的Firebug，对于前端开发可谓神器。后来由于开发Chrome的插件(现在的FaWave)，且益于Google V8的快速，和对HTML5和CSS3的支持比较完善，html类的富客户端应用Chrome上无论是流畅性还是呈现的效果，都是比较出色，对于开发者更可谓一大利器。本节课主要给大家介绍Audits、Timeline、Profiles这三个面板掌握深入的调试技巧。
                                </p>
                                <div class="timeandicon">
                                    <div class="cf">
                                        <dl>
                                            <dd class="mar-b8">
                                                <i class="time-icon"></i>
                                                <em>4课时  39分钟</em>
                                            </dd>
                                            <dd class="zhongji">
                                                <i class="xinhao-icon3"></i><em>高级</em>
                                            </dd>
                                        </dl>
                                        <em class="learn-number">2933人学习</em>
                                    </div>
                                    <div class="cf">
                                        <div class="lessonicon-box" style="bottom: 4px;">
                                            <a href="javascript:;">
                                                <img width="16" src="img/webbase.png" alt="lucene" title="Lucene">
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- 企业合作 结束 -->
            </div>
            <!-- hot goods end -->
            <div class="w-1000 protect">
                <div class="protect_title cf">
                    <strong><a href="javascript:;">职业路径图</a></strong>
                    <i class="way">?</i>
                    <span class="more">更系统的职业技能学习路径</span>
                    <a href="javascript:;" class="more_lesson">更多>></a>
                </div>
                <div class="learn-card cf">
                    <a href="javascript:;">
                        <img src="img/560905e64a9d1.png" height="120px" width="100%">
                        <h2>Android工程师</h2>
                        <p>月薪5k-30k</p>
                        <p>最火爆的职业 人才缺口大</p>
                        <button class="greenbtn2">立即学习</button>
                    </a>
                    <a href="javascript:;">
                        <img src="img/56160c8b90692.png" height="120px" width="100%">
                        <h2>iOS开发工程师</h2>
                        <p>月薪6k-30k</p>
                        <p>企业必争的人才资源</p>
                        <button class="greenbtn2">立即学习</button>
                    </a>
                    <a href="javascript:;">
                        <img src="img/5616279756548.png" height="120px" width="100%">
                        <h2>JavaWeb工程师</h2>
                        <p>月薪6k-35k</p>
                        <p>就业面最广的职业方向</p>
                        <button class="greenbtn2">立即学习</button>
                    </a>
                    <a href="javascript:;">
                        <img src="img/56162481a1ed6.png" height="120px" width="100%">
                        <h2>PHP工程师</h2>
                        <p>月薪5k-35k</p>
                        <p>最好的开发语言 没有之一</p>
                        <button class="greenbtn2">立即学习</button>
                    </a>
                    <a href="javascript:;">
                        <img src="img/5615cd7d3e99f.png" height="120px" width="100%">
                        <h2>Cocos2d工程师</h2>
                        <p>月薪7k-30k</p>
                        <p>最流行跨平台手机游戏开发</p>
                        <button class="greenbtn2">立即学习</button>
                    </a>
                    <a href="javascript:;">
                        <img src="img/56163251dda94.png" height="120px" width="100%">
                        <h2>Unity3D工程师</h2>
                        <p>月薪7-40k</p>
                        <p>国际最热门的3D游戏引擎</p>
                        <button class="greenbtn2">立即学习</button>
                    </a>
                    <a href="javascript:;">
                        <img src="img/56163d072d61d.png" height="120px" width="100%">
                        <h2>WEB大前端工程师</h2>
                        <p>月薪15k-30k</p>
                        <p>Web开发的未来趋势</p>
                        <button class="greenbtn2">立即学习</button>
                    </a>
                    <a href="javascript:;">
                        <img src="img/5615cd7d3e99f.png" height="120px" width="100%">
                        <h2>ASP.NET工程师</h2>
                        <p>月薪5k-30k</p>
                        <p>微软强力推行的开发语言</p>
                        <button class="greenbtn2">立即学习</button>
                    </a>
                    <a href="javascript:;">
                        <img src="img/5617474782723.png" height="120px" width="100%">
                        <h2>大数据工程师</h2>
                        <p>月薪8K-40K</p>
                        <p>目前最稀缺的职业方向</p>
                        <button class="greenbtn2">立即学习</button>
                    </a>
                    <a href="javascript:;">
                        <img src="img/56174712902f7.png" height="120px" width="100%">
                        <h2>运维工程师</h2>
                        <p>月薪6k-30k</p>
                        <p>最能折腾的职业岗位</p>
                        <button class="greenbtn2">立即学习
                        </button>
                    </a>
                </div>
            </div>
            <!-- 知识系统 开始 -->
            <div class="system w-1000 cf">
                <div class="system_title cf">
                    <strong><a href="javascript:;">知识体系图</a></strong>
                    <i class="way">?</i>
                    <span class="more">更系统的职业技能学习路径</span>
                    <a href="javascript:;" class="more_lesson">更多>></a>
                </div>
                <div class="system_map cf">
                    <div class="system_card_transform">
                        <a href="javascript:;">
                            <div class="front">
                                <img src="img/android.png">
                                <h2>JavaWeb</h2>
                                <span>64门课程</span>
                            </div>
                            <div class="back">
                                <strong>739797已经学习</strong>
                                <button class="greentbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <!--1 -->
                    <div class="system_card_transform">
                        <a href="javascript:;">
                            <div class="front">
                                <img src="img/55028a07c02d1.jpg" height="140" width="140">
                                <h2>Android</h2>
                                <span>90门课程</span>
                            </div>
                            <div class="back">
                                <strong>739797已经学习</strong>
                                <button class="greentbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="system_card_transform">
                        <a href="javascript:;">
                            <div class="front">
                                <img src="img/html.png" height="140" width="140">
                                <h2>HTML5开发</h2>
                                <span>116门课程</span>
                            </div>
                            <div class="back">
                                <strong>739797已经学习</strong>
                                <button class="greentbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="system_card_transform">
                        <a href="javascript:;">
                            <div class="front">
                                <img src="img/Java.png" height="140" width="140">
                                <h2>Java语言</h2>
                                <span>45门课程</span>
                            </div>
                            <div class="back">
                                <strong>739797已经学习</strong>
                                <button class="greentbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="system_card_transform">
                        <a href="javascript:;">
                            <div class="front">
                                <img src="img/php.png" height="140" width="140">
                                <h2>PHP语言</h2>
                                <span>26门课程</span>
                            </div>
                            <div class="back">
                                <strong>739797已经学习</strong>
                                <button class="greentbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="system_card_transform bdr">
                        <a href="javascript:;">
                            <div class="front">
                                <img src="img/ios.png" height="140" width="140">
                                <h2>iOS开发</h2>
                                <span>51门课程</span>
                            </div>
                            <div class="back">
                                <strong>739797已经学习</strong>
                                <button class="greentbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="system_card_transform">
                        <a href="javascript:;">
                            <div class="front">
                                <img src="img/5493e484b125e.png" height="140" width="140">
                                <h2>Asp.Net</h2>
                                <span>61门课程</span>
                            </div>
                            <div class="back">
                                <strong>739797已经学习</strong>
                                <button class="greentbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="system_card_transform">
                        <a href="javascript:;">
                            <div class="front">
                                <img src="img/c.png" height="140" width="140">
                                <h2>C语言</h2>
                                <span>17门课程</span>
                            </div>
                            <div class="back">
                                <strong>739797已经学习</strong>
                                <button class="greentbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="system_card_transform">
                        <a href="javascript:;">
                            <div class="front">
                                <img src="img/5457d0aee9018.png" height="140" width="140">
                                <h2>Python</h2>
                                <span>59门课程</span>
                            </div>
                            <div class="back">
                                <strong>739797已经学习</strong>
                                <button class="greentbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="system_card_transform">
                        <a href="javascript:;">
                            <div class="front">
                                <img src="img/54f56c854161d.png" height="140" width="140">
                                <h2>Unity3D</h2>
                                <span>45门课程</span>
                            </div>
                            <div class="back">
                                <strong>739797已经学习</strong>
                                <button class="greentbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="system_card_transform">
                        <a href="javascript:;">
                            <div class="front">
                                <img src="img/swift.png" height="140" width="140">
                                <h2>Swift语言</h2>
                                <span>11门课程</span>
                            </div>
                            <div class="back">
                                <strong>739797已经学习</strong>
                                <button class="greentbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="system_card_transform bdr">
                        <a href="javascript:;">
                            <div class="front">
                                <img src="img/54cfb5a451bbd.png" height="140" width="140">
                                <h2>C#</h2>
                                <span>30门课程</span>
                            </div>
                            <div class="back">
                                <strong>739797已经学习</strong>
                                <button class="greentbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="system_card_transform">
                        <a href="javascript:;">
                            <div class="front">
                                <img src="img/54dab77e7b38a.png" height="140" width="140">
                                <h2>Bootstrap</h2>
                                <span>11门课程</span>
                            </div>
                            <div class="back">
                                <strong>739797已经学习</strong>
                                <button class="greentbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="system_card_transform">
                        <a href="javascript:;">
                            <div class="front">
                                <img src="img/Cocos2d-x.png" height="140" width="140">
                                <h2>Cocos2d-x游戏开发</h2>
                                <span>109门课程</span>
                            </div>
                            <div class="back">
                                <strong>739797已经学习</strong>
                                <button class="greentbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="system_card_transform">
                        <a href="javascript:;">
                            <div class="front">
                                <img src="img/55063dcc9bfe5.jpg" height="140" width="140">
                                <h2>计算机一级</h2>
                                <span>7门课程</span>
                            </div>
                            <div class="back">
                                <strong>739797已经学习</strong>
                                <button class="greentbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="system_card_transform">
                        <a href="javascript:;">
                            <div class="front">
                                <img src="img/55063db66c32d.jpg" height="140" width="140">
                                <h2>计算机二级</h2>
                                <span>25门课程</span>
                            </div>
                            <div class="back">
                                <strong>739797已经学习</strong>
                                <button class="greentbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="system_card_transform">
                        <a href="javascript:;">
                            <div class="front">
                                <img src="img/5535fe5532a6f.png" height="140" width="140">
                                <h2>GUI</h2>
                                <span>40门课程</span>
                            </div>
                            <div class="back">
                                <strong>739797已经学习</strong>
                                <button class="greentbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="system_card_transform bdr">
                        <a href="javascript:;">
                            <div class="front">
                                <img src="img/551b5d8b3619d.png" height="140" width="140">
                                <h2>WatchKit开发</h2>
                                <span>5门课程</span>
                            </div>
                            <div class="back">
                                <strong>739797已经学习</strong>
                                <button class="greentbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="system_card_transform bdb">
                        <a href="javascript:;">
                            <div class="front">
                                <img src="img/55519f5fc3333.png" height="140" width="140">
                                <h2>Docker</h2>
                                <span>9门课程</span>
                            </div>
                            <div class="back">
                                <strong>739797已经学习</strong>
                                <button class="greentbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="system_card_transform bdb">
                        <a href="javascript:;">
                            <div class="front">
                                <img src="img/54c5ebe62c7e9.png" height="140" width="140">
                                <h2>Egret</h2>
                                <span>7门课程</span>
                            </div>
                            <div class="back">
                                <strong>739797已经学习</strong>
                                <button class="greentbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="system_card_transform bdb">
                        <a href="javascript:;">
                            <div class="front">
                                <img src="img/5553fd84d5963.png" height="140" width="140">
                                <h2>Arduino</h2>
                                <span>14门课程</span>
                            </div>
                            <div class="back">
                                <strong>739797已经学习</strong>
                                <button class="greentbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="system_card_transform bdb">
                        <a href="javascript:;">
                            <div class="front">
                                <img src="img/556543603b3e8.png" height="140" width="140">
                                <h2>Android UiAutomator</h2>
                                <span>20门课程</span>
                            </div>
                            <div class="back">
                                <strong>739797已经学习</strong>
                                <button class="greentbtn">立即学习</button>
                            </div>
                        </a>
                    </div>
                    <div class="system_card_transform bdb">
                    </div>
                    <div class="system_card_transform bdr bdb">
                    </div>
                </div>
            </div>
            <!-- 知识系统 结束 -->
            <!-- 精品课程 开始 -->
            <div class="excellent w-1000 cf">
                <div class="excellent_title cf">
                    <strong><a href="javascript:;">精品系列课程</a></strong>
                    <i class="way">?</i>
                    <span class="more">更系统的职业技能学习路径</span>
                    <a href="javascript:;" class="more_lesson">更多>></a>
                </div>
                <div class="excellent_box cf" style="margin-left:0px;">
                    <div class="lesson-card">
                        <h2>ThinkPHP 项目开发实战</h2>
                        <div class="img">
                            <img src="img/261412094620.jpg" alt="">
                        </div>
                        <div class="other">
                            <span class="lesson-count">8门</span>
                            <span class="learn-count">54820人学习</span>
                            <a class="greentbtn">收藏</a>
                        </div>
                    </div>
                    <div class="describe">
                        <img src="img/2730027.jpeg" class="img_circle">
                        <a href="javascript:;" class="name">jinqibu</a>
                        <a href="javascript:;" class="text">通过本课程的学习，理解ThinkPHP 3.2的核心原理、设计思想，掌握框架的各项知识，最终能熟练运用TP框架快速开发功能完备、健壮的Web应用。</a>
                        <a href="javascript:;" class="btn">马上学习</a>
                    </div>
                </div>
                <div class="excellent_box cf">
                    <div class="lesson-card">
                        <h2>ThinkPHP 项目开发实战</h2>
                        <div class="img">
                            <img src="img/261412094620.jpg" alt="">
                        </div>
                        <div class="other">
                            <span class="lesson-count">8门</span>
                            <span class="learn-count">54820人学习</span>
                            <a class="greentbtn">收藏</a>
                        </div>
                    </div>
                    <div class="describe">
                        <img src="img/2730027.jpeg" class="img_circle">
                        <a href="javascript:;" class="name">jinqibu</a>
                        <a href="javascript:;" class="text">通过本课程的学习，理解ThinkPHP 3.2的核心原理、设计思想，掌握框架的各项知识，最终能熟练运用TP框架快速开发功能完备、健壮的Web应用。</a>
                        <a href="javascript:;" class="btn">马上学习</a>
                    </div>
                </div>
                <div class="excellent_box cf">
                    <div class="lesson-card">
                        <h2>ThinkPHP 项目开发实战</h2>
                        <div class="img">
                            <img src="img/261412094620.jpg" alt="">
                        </div>
                        <div class="other">
                            <span class="lesson-count">8门</span>
                            <span class="learn-count">54820人学习</span>
                            <a class="greentbtn">收藏</a>
                        </div>
                    </div>
                    <div class="describe">
                        <img src="img/2730027.jpeg" class="img_circle">
                        <a href="javascript:;" class="name">jinqibu</a>
                        <a href="javascript:;" class="text">通过本课程的学习，理解ThinkPHP 3.2的核心原理、设计思想，掌握框架的各项知识，最终能熟练运用TP框架快速开发功能完备、健壮的Web应用。</a>
                        <a href="javascript:;" class="btn">马上学习</a>
                    </div>
                </div>
                <div class="excellent_box cf">
                    <div class="lesson-card">
                        <h2>ThinkPHP 项目开发实战</h2>
                        <div class="img">
                            <img src="img/261412094620.jpg" alt="">
                        </div>
                        <div class="other">
                            <span class="lesson-count">8门</span>
                            <span class="learn-count">54820人学习</span>
                            <a class="greentbtn">收藏</a>
                        </div>
                    </div>
                    <div class="describe">
                        <img src="img/2730027.jpeg" class="img_circle">
                        <a href="javascript:;" class="name">jinqibu</a>
                        <a href="javascript:;" class="text">通过本课程的学习，理解ThinkPHP 3.2的核心原理、设计思想，掌握框架的各项知识，最终能熟练运用TP框架快速开发功能完备、健壮的Web应用。</a>
                        <a href="javascript:;" class="btn">马上学习</a>
                    </div>
                </div>
            </div>
            <!-- 精品课程 结束 -->
            <!-- wiki 开始 -->
            <div class="wiki w-1000 cf">
                <div class="wiki_title cf">
                    <strong><a href="javascript:;">Wiki</a></strong>
                    <i class="way">?</i>
                    <span class="more">更系统的职业技能学习路径</span>
                    <a href="javascript:;" class="more_lesson">更多>></a>
                </div>
                <div class="wiki_box cf">
                    <div class="wiki_content">
                        <h2>推荐</h2>
                        <div class="wiki-img" style="margin-top:10px;">
                            <dl class="cf">
                                <dd>
                                    <a href="javascript:;">
                                        <div class="imgbox">
                                            <i class="look"></i>
                                            <img class="fengmian" src="img/7f54e47e22b141a0a9fa1cdaf13829a0.jpg" alt="PHP 新手指南">
                                        </div>
                                        <h3>PHP 新手指南</h3>
                                        <span>137页/32章</span>
                                    </a>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">
                                        <div class="imgbox">
                                            <i class="look"></i>
                                            <img class="fengmian" src="img/5d85362827e84bf78891508769a98318.jpg" alt="ASP.NET 编程指南"></div>
                                        <h3>ASP.NET 编程指南</h3>
                                        <span>232页/35章</span></a>
                                </dd>
                            </dl>
                            <ul>
                                <li class="cf">
                                    <a href="javascript;;">
                                        <p>· RESTful Web 服务教程</p>
                                        <span>50页/11章</span>
                                    </a>
                                </li>
                                <li class="cf">
                                    <a href="javascript;;">
                                        <p>· 七天学会 Nodejs</p>
                                        <span>87页/7章</span>
                                    </a>
                                </li>
                                <li class="cf">
                                    <a href="javascript;;">
                                        <p>· 快速开发 iOS 应用程序</p>
                                        <span>143页/4章</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="wiki_box cf">
                    <div class="wiki_content">
                        <h2>推荐</h2>
                        <div class="wiki-img" style="margin-top:10px;">
                            <dl class="cf">
                                <dd>
                                    <a href="javascript:;">
                                        <div class="imgbox">
                                            <i class="look"></i>
                                            <img class="fengmian" src="img/7f54e47e22b141a0a9fa1cdaf13829a0.jpg" alt="PHP 新手指南">
                                        </div>
                                        <h3>PHP 新手指南</h3>
                                        <span>137页/32章</span>
                                    </a>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">
                                        <div class="imgbox">
                                            <i class="look"></i>
                                            <img class="fengmian" src="img/5d85362827e84bf78891508769a98318.jpg" alt="ASP.NET 编程指南"></div>
                                        <h3>ASP.NET 编程指南</h3>
                                        <span>232页/35章</span></a>
                                </dd>
                            </dl>
                            <ul>
                                <li class="cf">
                                    <a href="javascript;;">
                                        <p>· RESTful Web 服务教程</p>
                                        <span>50页/11章</span>
                                    </a>
                                </li>
                                <li class="cf">
                                    <a href="javascript;;">
                                        <p>· 七天学会 Nodejs</p>
                                        <span>87页/7章</span>
                                    </a>
                                </li>
                                <li class="cf">
                                    <a href="javascript;;">
                                        <p>· 快速开发 iOS 应用程序</p>
                                        <span>143页/4章</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="wiki_box cf">
                    <div class="wiki_content">
                        <h2>推荐</h2>
                        <div class="wiki-img" style="margin-top:10px;">
                            <dl class="cf">
                                <dd>
                                    <a href="javascript:;">
                                        <div class="imgbox">
                                            <i class="look"></i>
                                            <img class="fengmian" src="img/7f54e47e22b141a0a9fa1cdaf13829a0.jpg" alt="PHP 新手指南">
                                        </div>
                                        <h3>PHP 新手指南</h3>
                                        <span>137页/32章</span>
                                    </a>
                                    </a>
                                </dd>
                                <dd>
                                    <a href="javascript:;">
                                        <div class="imgbox">
                                            <i class="look"></i>
                                            <img class="fengmian" src="img/5d85362827e84bf78891508769a98318.jpg" alt="ASP.NET 编程指南"></div>
                                        <h3>ASP.NET 编程指南</h3>
                                        <span>232页/35章</span></a>
                                </dd>
                            </dl>
                            <ul>
                                <li class="cf">
                                    <a href="javascript;;">
                                        <p>· RESTful Web 服务教程</p>
                                        <span>50页/11章</span>
                                    </a>
                                </li>
                                <li class="cf">
                                    <a href="javascript;;">
                                        <p>· 七天学会 Nodejs</p>
                                        <span>87页/7章</span>
                                    </a>
                                </li>
                                <li class="cf">
                                    <a href="javascript;;">
                                        <p>· 快速开发 iOS 应用程序</p>
                                        <span>143页/4章</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!-- wiki 结束 -->
            <!-- 战略合作企业 开始 -->
            <div class="enterprise w-1000 cf">
                <div class="enterprise_title cf">
                    <strong><a href="javascript:;">战略合作企业</a></strong>
                    <a href="javascript:;" class="more_lesson">更多>></a>
                </div>
                <div class="enterprise_box cf">
                    <span id="banner-left3" class="arrow-left" style="display: none;"></span>
                    <span id="banner-right3" class="arrow-right" style="display: none;"></span>
                    <div class="swiper-container">
                        <a href="javascript:;">
                            <img src="img/microsoft.jpg">
                        </a>
                        <a href="javascript:;">
                            <img src="img/tengxun.jpg">
                        </a>
                        <a href="javascript:;">
                            <img src="img/chukong.jpg">
                        </a>
                        <a href="javascript:;">
                            <img src="img/557f8ff48f7d3.jpg">
                        </a>
                        <a href="javascript:;">
                            <img src="img/54d1d9f50e1af.jpg">
                        </a>
                        <a href="javascript:;">
                            <img src="img/keda.jpg">
                        </a>
                    </div>
                </div>
            </div>
            <!-- 战略合作企业 结束 -->
            <!-- 合作院校 开始 -->
            <div class="enterprise w-1000 cf">
                <div class="enterprise_title cf">
                    <strong><a href="javascript:;">战略合作企业</a></strong>
                    <a href="javascript:;" class="more_lesson">更多>></a>
                </div>
                <div class="enterprise_box hg cf">
                    <span id="banner-left3" class="arrow-left" style="display: none;"></span>
                    <span id="banner-right3" class="arrow-right" style="display: none;"></span>
                    <div class="swiper-container">
                        <a href="javascript:;">
                            <img src="img/40669370a3f2ea7e3d21a6d182cf296c.png" class="imghg">
                        </a>
                        <a href="javascript:;">
                            <img src="img/1eb9dcb3193de807d21941b297483635.png" class="imghg">
                        </a>
                        <a href="javascript:;">
                            <img src="img/c9a111a4946bf39e77cd811c207740b9.png" class="imghg">
                        </a>
                        <a href="javascript:;">
                            <img src="img/496ab840e239a60c1bb4b1139268c54e.png" class="imghg">
                        </a>
                        <a href="javascript:;">
                            <img src="img/3ab8eb024ecd5a8dce2c5f83972781b3.png" class="imghg">
                        </a>
                        <a href="javascript:;">
                            <img src="img/b05d88a6f5306cf55905c8fcb2e49b89.png" class="imghg">
                        </a>
                        <a href="javascript:;">
                            <img src="img/b05d88a6f5306cf55905c8fcb2e49b89.png" class="imghg">
                        </a>
                    </div>
                </div>
            </div>
            <!-- 合作院校 结束 -->
            <!-- 媒体报道 开始 -->
            <div class="enterprise w-1000 cf">
                <div class="enterprise_title cf">
                    <strong><a href="javascript:;">战略合作企业</a></strong>
                    <a href="javascript:;" class="more_lesson">更多>></a>
                </div>
                <div class="enterprise_box cf">
                    <span id="banner-left3" class="arrow-left" style="display: none;"></span>
                    <span id="banner-right3" class="arrow-right" style="display: none;"></span>
                    <div class="swiper-container">
                        <a href="javascript:;">
                            <img src="img/mt_13_fefd1ec.jpg">
                        </a>
                        <a href="javascript:;">
                            <img src="img/mt_14_d3100a3.jpg">
                        </a>
                        <a href="javascript:;">
                            <img src="img/mt_1_42b5088.jpg">
                        </a>
                        <a href="javascript:;">
                            <img src="img/mt_2_28e84dd.jpg">
                        </a>
                        <a href="javascript:;">
                            <img src="img/mt_3_46bc154.jpg">
                        </a>
                        <a href="javascript:;">
                            <img src="img/mt_4_2376f75.jpg">
                        </a>
                    </div>
                </div>
            </div>
            <!-- 媒体报道 结束 -->
        </div>
        <!-- 中间 结束 -->
        <!-- footer 开始 -->
        <div class="footer">
            <div class="footer-content">
                <dl>
                    <dt><a href="javascript:;">极客学院</a></dt>
                    <dd>·<a href="javascript:;">职业课程库</a></dd>
                    <dd>·<a href="javascript:;">知识体系图</a></dd>
                    <dd>·<a href="javascript:;">职业路径图</a></dd>
                    <dd>·<a href="javascript:;">企业课程</a></dd>
                    <dd>·<a href="javascript:;">资源下载</a></dd>
                    <dd>·<a href="javascript:;">课程标签</a></dd>
                </dl>
                <dl>
                    <dt><a href="javascript:;">网站服务</a></dt>
                    <dd>·<a href="javascript:;">课程需求</a></dd>
                    <dd>·<a href="javascript:;">免费体验VIP</a></dd>
                    <dd>·<a href="javascript:;">黑板报</a></dd>
                    <dd>·<a href="javascript:;">网站地图</a></dd>
                </dl>
                <dl>
                    <dt><a href="javascript:;">帮助中心</a></dt>
                    <dd>·<a href="javascript:;">技术问答</a></dd>
                    <dd>·<a href="javascript:;">VIP权益</a></dd>
                    <dd>·<a href="javascript:;">常见问题</a></dd>
                    <dd>·<a href="javascript:;">服务条款</a></dd>
                    <dd>·<a href="javascript:;">版权声明</a></dd>
                    <dd>·<a href="javascript:;">免责声明</a></dd>
                </dl>
                <dl>
                    <dt><a href="javascript:;">交流合作</a></dt>
                    <dd>·<a href="javascript:;">关于我们</a></dd>
                    <dd>·<a href="javascript:;">联系我们</a></dd>
                    <dd>·<a href="javascript:;">社会招聘</a></dd>
                    <dd>·<a href="javascript:;">布道师招募</a></dd>
                    <dd>·<a href="javascript:;">合作咨询</a></dd>
                    <dd>·<a href="javascript:;">友情链接</a></dd>
                    <dd>·<a href="javascript:;">极客助教招募</a></dd>
                </dl>
                <div class="search-share">
                    <strong class="jktxt">极客学院，编程是一种信仰！</strong>
                    <div class="app-download">
                        <a href="javascript:;">
                            <img src="http://s1.jikexueyuan.com/common/images/iphone_ecb3977.png" width="21">
                            <div>
                                <strong>手机客户端</strong>
                                <p>离线缓存 随时学习</p>
                            </div>
                        </a>
                    </div>
                    <div class="share">
                        <a href="javascript:;" class="sina-icon"></a>
                        <a href="javascript:;" class="tieba-icon"></a>
                        <a href="javascript:void(0);" class="qq-icon">
                            <img src="http://s1.jikexueyuan.com/common/images/weixin-pop_7fe7a08.png" class="weinxinpop">
                        </a>
                    </div>
                    <div class="kefu-online">
                        <a href="javascript:;">
                            <div class="kefu-icon online"></div>
                            <h5>联系我们</h5>
                            <p>工作日9:00-21:00在线</p>
                        </a>
                    </div>
                </div>
            </div>

        </div>
         <div class="w-1000 copyright">
                Copyright © 2013-2015 <strong><a href="http://www.jikexueyuan.com/" target="_blank">极客学院</a></strong>&nbsp;<strong><a href="http://www.jikexueyuan.com/" target="_blank">jikexueyuan.com</a></strong> All Rights Reversed. 京ICP备11018032号-8 京公网安备11010802013056
            </div>
        <!-- footer 结束 -->
    </div>
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
</body>

</html>
